TOMMY MA





SNACKFLIX



CASE PROJECT | DEC 2023

SKILLSET: UX/CX DESIGN // UX/CX RESEARCH // SKETCHING // PROTOTYPING // VISUAL DESIGN // COPYWRITING


           




A MOBILE-FIRST EXPERIENCE THAT LETS CINEMAPHILES SKIP LINES AND SAVOR MOMENTS • FOR CINEMAS READY TO MODERNIZE WITHOUT LOSING THEIR LOCAL CHARM • FOR MOVIEGOERS CRAVING SNACK OPTIONS BEYOND THE BASICS • NEVER MISS A MOMENT BY BEING STUCK IN LINE  






FROM CONCESSIONS TO CONNECTION// TRANSFORMING SNACK SALES INTO BRAND-BUILDING OPPORTUNITIES FOR INDEPENDENT, NON-FRANCHISE CINEMAS AND THEIR VENDORS. 
The application aims to foster a beneficial partnership between independent, community-rooted cinemas and their food and beverage vendors and redefine their long-term relationships with their customers. We identified an innovation gap in the industry, leading to the development of an improved, consumer-centric snack-buying experience that frees users from worry.

For a detailed view of the completed project: https://bit.ly/45CF8XB
 




THE PROBLEM: // WHAT INDEPENDENT CINEMAS OFFER IN STORY, THEY OFTEN LACK IN SYSTEMS.
LIMITED SNACK OPTIONS
Independent cinemas typically offer a small, static range of snacks—popcorn, candy, soda—with few (if any) health-conscious or locally inspired alternatives. This limited variety not only restricts customer choice, but can undercut the thoughtful, curated experience these cinemas are known for.

OUTDATED DIGITAL SYSTEMS
While major chains evolve with mobile apps and e-commerce infrastructure, many independent cinemas lack the resources to modernize. Without tools to preorder snacks or streamline ticketing, customers are left waiting in lines—and cinemas miss opportunities for efficiency and revenue.

NO LOYALTY PROGRAMS/ CUSTOMER INSIGHTS
Despite a strong community following, most independent cinemas have no way to track, engage, or reward their regulars. Without a digital infrastructure, there’s no system to build long-term loyalty, gather purchase data, or deepen audience relationships.

When I give my 14-year-old son some cash so he can have something to eat at the movies, I know that whatever he gets at the concession stand is going to be the most unhealthful thing he eats all month.” 

— Patrick Goldstein, American former film critic and columnist, Los Angeles Times (2016)





DESIGN OPPORTUNITY// A SMARTER WAY TO SERVE SNACKS, SAVE TIME, AND STRENGTHEN LOYALTY.
SnackFlix is a mobile-first application designed to modernize the snack experience at independent cinemas—without compromising their identity.

By allowing customers to preorder snacks ahead of time, SnackFlix reduces wait times, increases operational efficiency, and enables local vendors to prepare with confidence. With support for healthier alternatives and dynamic menus, cinemas can offer more thoughtful options to reflect their curated programming.

But beyond convenience, SnackFlix also introduces a built-in loyalty program that rewards repeat customers for engaging with the app—transforming one-time ticket buyers into long-term supporters. With every purchase tracked and every interaction captured, independent cinemas finally gain the data and digital tools to compete with larger chains—on their own terms.





POTENTIAL CLIENTELE// AN INDEPENDENT CINEMA WITH DEEP ROOTS AND CURATED PARTNERSHIPS.
The Cinematheque, founded in 1972, is a film institute and media education center, focusing on the art and history of Canadian and international cinema and the impact of screen-based media. It offers a year-round program of curated film exhibitions, showcasing both classic and contemporary films.

The Cinematheque currently has a few local food vendors which include: Daniel Chocolates, Karameller candy, and The Lemon Square.

         

             



PRECEDENT STUDY: ATOM TICKETS// THE DEMAND FOR SEAMLESS, MOBILE-FIRST CINEMA EXPERIENCES.
Atom Tickets is an online platform where users can conveniently purchase movie tickets from participating theaters, find showtimes, read reviews, and watch trailers. It even enables users to invite friends to the theater and allows them to pre-order snacks at certain locations, enhancing the movie-going experience.

Like Atom Tickets, SnackFlix can adopt similar unique value propositions:

THEATER CHOICES
Works with several movie theater companies in North America. 

ADVANCE BOOKING
Users can book movie tickets and food in advance. 

INTEGRATED REWARDS PROGRAM
Integration with reward programs such as Landmark Extras.

“Concessions have always been a part of the movie experience, and now Atom has made a feature within the app where the full movie experience can easily be achieved with just a few taps, and the customer can bypass the lines at the theater. We believe it will lead to greater concessions sales.” 

— Ameesh Paleja, Chief Engineer Officer, Atom Tickets (2016)




THE USER PERSONA// MEET ELENA. 

                     

Elena, 47

Role: Operations Manager at independent cinema

Location:
Vancouver, BC

Goals:
- Improve the pre-show experience without compromising the cinema’s independent identity
- Increase revenue through snack sales while spotlighting local vendors
- Streamline operations to reduce staff overwhelm
- Foster long-term loyalty among a community-driven audience

Frustrations:
-  Clunky, outdated systems with no integration for food preorders
-  Customers complain about limited snack options, especially healthy ones
-  Missed revenue opportunities due to long lines or customers skipping concessions
-  Loyalty is hard to track or reward without any digital tools

Background:
Elena manages day-to-day operations at a beloved neighborhood cinema known for curating international films, hosting local festivals, and showcasing classic retrospectives. Her team is small, the budget is lean, and every operational decision has to balance cultural integrity with financial sustainability. She partners with a few local food vendors but struggles to modernize customer-facing processes with limited tech support .





USER PAINPOINTS// WHAT IS GETTING IN THEIR WAY. 
TIME
• Long concession lines cause delays, especially before sold-out screenings or festivals.
• Staff juggle ticketing and food service, slowing down both sides.
• Customers often skip the concession entirely to avoid being late.

SELECTION
• Most offerings are limited to candy, popcorn, and soda.
• Customers frequently ask for healthier options or locally made items.
• There's no clear way to showcase rotating vendor selections or seasonal snacks.

LOYALTY & RETENTION
• No formal loyalty programs in place.
• Repeat customers exist, but there's no structured way to reward or engage them.
• Missed opportunities to convert casual guests into regular patrons.

TECH LIMITATIONS
• No mobile app or digital infrastructure for snack preordering.
• Rely on walk-in foot traffic and word-of-mouth instead of proactive engagement.
• Lack of data insights about customer behavior or snack preferences .

BRAND EXPERIENCE GAP
• The cinema curates beautiful, thoughtful films—but the snack experience feels like an afterthought.
• There's a disconnect between the cultural value of the space and the transactional feel of concessions





EXPERIENCE OBJECTIVES// IMPLEMENTING THE CONNECTION BETWEEN CINEMA AND MOVIEGOER.

           


REDUCE QUEUE TIMES
By reducing overall wait times, users can spend less time worrying about arriving early to order their snacks and more time roaming their local cinemas, watching the trailers, and arriving on-time to watch their movie.

ENHANCE SELECTIONS
Since overall queue times are reduced, local cinemas can focus on creating better food options and increasing their selections. Food vendors currently collaborating with these cinemas can also gain more exposure and have an avenue to better prepare for all incoming customers.





A MOBILE-FIRST EXPERIENCE// WHY THIS SHOULD BE THE PRIORITY.
“Digital ticket sales are increasing, with e-ticketing growing by 18.7% in 2018, making up 21.3% of the market. More than 70% of online ticket sales are now via mobile, highlighting the preference for the immediacy and convenience of mobile apps.”

Grand View Research (2022)

“Mobile ticketing applications can also be used by sports, event, and music concert organizers to drive ticket sales, as well as to offer customers the convenience of booking tickets from a remote location or from the comfort of their home without the need to be physically present in a queue at a ticket outlet or having to pay in cash.” 

Persistence Market Research (2022)





EXPERIENCE MAPPING // TURNING MISSED MOMENTS INTO INTENTIONAL INTERACTIONS.
I identified a concise list of current issues that could compromise the movie-going experience at local cinemas if not addressed. It lays the foundation for a journey map, which helped me to:

• Focus on key touchpoints to resolve existing frictions.
• Develop an information architecture map for where the SnackFlix app would fit seamlessly.


           

           



SKETCHES// WHERE IDEAS FIRST TOOK SHAPE - RAPID, ROUGH, AND PURPOSEFUL. 
I quickly captured various ideas through sketches, allowing for flexibility without committing to a specific design layout. While creating these sketches, I marked elements that were the most user-friendly, ensuring a focus on usability in each design iteration. 

For a detailed view of the sketches: https://bit.ly/47ifgS6





DIGITAL WIREFRAMES// FROM SKETCHES TO WIREFRAME. 
The initial sketches were later translated into digital wireframes, allowing me to refine the layout, structure, and  usability. 

For a detailed view of the digital wireframes: https://bit.ly/46JsvuR





PROTOTYPE// FROM WIREFRAME TO LOW-FIDELITY. 
LOW FIDELITY PROTOTYPE

To move from sketches to structure, we built a low-fidelity prototype to test how our ideas translated into flow and function. Rather than overanalyze, we committed to quick iterations—validating assumptions, identifying friction points, and gaining early insight into how the app might feel in users’ hands.
           





KEY TOUCHPOINTS// MOMENTS THAT SHAPE THE EXPERIENCE.

TOUCHPOINT 1 - DISCOVERY
PUSH NOTIFICATIONS + MATCH TICKET TO ORDER

Users are notified in advance to order their snacks before their movie showing. They must then link their movie ticket with the app, so food vendors are notified ahead of time and can prepare orders accordingly.
            



TOUCHPOINT 2 - ASSURANCE
CATEGORIZED CHOICES + HEALTHIER OPTIONS

Users are presented with all the options that food vendors in local cinemas offer. The options are categorized for easy navigation. Additionally, a "Health-Conscious" category has been provided, allowing users to easily find healthier alternatives.
           



TOUCHPOINT 3 - ENGAGEMENT
PRE-ORDER WITH SAVED PAYMENT INFORMATION

Users can pay in advance and choose the saved payment option that works best for them.
           



TOUCHPOINT 4 - POST-ENGAGEMENT
MOBILE ORDER KIOSK INTEGRATION

Users can skip the long queue and be fast-tracked to the mobile order kiosk, where they can pick up their orders by providing their order number.
           



TOUCHPOINT 5 - POST-MOVIE SYNDROME
LOYALTY PROGRAM INTEGRATION

Users now have an incentive to remain loyal patrons of their local cinema through a loyalty program that allows them to earn and redeem points by ordering through the app.
           





FIGMA COMPONENT LIBRARY// FROM SKETCHES TO WIREFRAME. 
The component library was created to ensure a consistent design language across the application. It was designed alongside the application, allowing for changes throughout the design process. Only after completing the application did the component library become finalized. 

For a detailed view of the Figma component library: https://bit.ly/41qC8ep





USING FIGMA VARIABLES// BUILDING SMARTER, NOT HARDER.

1. CREATE LOCAL VARIABLES

I created multiple strings and colors to set up local variables. 
           



2. CREATE COMPONENTS

I created components and their variants, including the selection list and the drop-down menu. Afterward, I applied the local variables to the text layers, allowing me to change the text at any time by renaming the variables.
           



3. CREATE PROTOTYPES

I linked everything together and applied the variables to the components, including hover states and both collapsed and expanded drop-down menus. This ensures that when an item is selected from the drop-down, it is replaced by the user's selection.
           



For a detailed view of the completed variable feature: https://bit.ly/3Ug9Lvx
           





TAKEAWAYS & LEARNINGS// LESSONS THAT SHAPED THE PROCESS AND THE PRODUCT. 
BUILDING A STRONG CASE
This was primarily the backbone of my project. It helped me to prioritize focus aspects, determine scope, and drive design decisions.


UX AS A BUSINESS STRATEGY
Largely described as user-centric considerations when designing, UX serves not only form and function, but when harnessed fully can create value for brands and transform businesses.


“MORE” DOESN’T ALWAYS MEAN “ACCURATE”
Knowing what to do with substantial amounts of research can be disorienting. As I pieced together insight after insight, it took considerable time to become confident in the foundation I established. Ultimately, I adopted a "just do it" approach, validating our findings through prototyping and testing.


USING VARIABLES TO BUILD DROP-DOWN MENUS
I wantet to save time during prototyping, and one method I used was incorporating variables to create drop-down menus. This approach enabled me to quickly change texts and avoided the need for repeatedly creating variants.





FUTURE IMPLEMENTATIONS // SAME PLATFORM, DIFFERENT USES. 
PERFORMANCE ART VENUES  
Much like independent cinemas, venues such as the Orpheum and Queen Elizabeth Theatre in Vancouver curate intentional, non-mainstream experiences for their audiences. While they often offer concessions, they typically lack the digital infrastructure to support preordering or loyalty programs. SnackFlix can be seamlessly adapted to meet these venues' needs—enhancing customer satisfaction without compromising the cultural integrity of the experience.





REFERENCES 
https://www.boxofficepro.com/inside-atom-interview-atom-tickets-ceo-ameesh-paleja/

https://www.grandviewresearch.com/industry-analysis/online-movie-ticketing-services-market

https://www.latimes.com/archives/blogs/24-frames/story/2012-06-13/movie-theater-junk-food-is-it-a-menace-to-society

https://www.persistencemarketresearch.com/market-research/mobile-ticketing-market.asp